

import { count, log } from "console";
import React, { Component } from "react";
import type { ReactNode } from 'react'


interface iState {

}
export default class App extends Component {

    state = {
        count: 100
    }


    render() {

        return <>
            <div>
                <h1>父组件 --- {this.state.count}</h1>
                {/* 
                    1. 事件
                    2. 表单
                    3. 生命周期
                    4. axios
                 */}


                <button onClick={(event) => {
                    // 点击后可以获取到的信息叫做事件对象
                    // 信息中包含下面内容和一些其他不常用的内容
                    // event.target 当前被点击的标签
                    // event.pageX 点击相对页面的位置
                    // event.nativeEvent 原生事件对象，js的事件对象
                    // event 是 React 后期自定义的合成事件对象

                    console.log(event);

                }}>点击</button>

            </div>
        </>
    }

}